<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="<%=request.getContextPath()%>/css/demo.css" rel="stylesheet"
	type="text/css" />
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="<%=request.getContextPath()%>/js/scripts/boot.js"
	type="text/javascript"></script>
<script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>
    <title>道路监控记录数据管理</title>
</head>
<body>
<form id="edit">
<div class="row">
	<div class="col-md-3">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="请输入车主">
      <span class="input-group-btn">
        <button class="btn btn-info" type="button">查询车主</button>
      </span>
    </div>
  	</div>
  	<div class="col-md-3">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="请输入车牌号">
      <span class="input-group-btn">
        <button class="btn btn-info" type="button">查询车牌号</button>
      </span>
    </div>
  	</div>
  	<div class="col-md-3">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="请输入道路名称">
      <span class="input-group-btn">
        <button class="btn btn-info" type="button">查询道路</button>
      </span>
    </div>
  	</div>
  	<div class="col-md-3">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="请输入设备ID">
      <span class="input-group-btn">
        <button class="btn btn-info" type="button">查询设备ID</button>
      </span>
    </div>
  	</div>
</div>
<p></p>
<p></p>

<table class="table table-bordered">
<tr>
	<td class="info">删除</td>
	<td class="info">编辑</td>
	<td class="info">序号</td>
	<td class="info">记录ID</td>
	<td class="info">设备ID</td>
	<td class="info">道路名称</td>
	<td class="info">路口名称</td>
	<td class="info">记录存储路径</td>
	<td class="info">创建时间</td>
	<td class="info">更新时间</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">1</td>
	<td class="active">1</td>
	<td class="active">1203</td>
	<td class="active">七一路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road1203</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">2</td>
	<td class="active">2</td>
	<td class="active">2104</td>
	<td class="active">工业路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road2104</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">3</td>
	<td class="active">3</td>
	<td class="active">2105</td>
	<td class="active">七一路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road2105</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">4</td>
	<td class="active">4</td>
	<td class="active">2106</td>
	<td class="active">七一路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road2106</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">5</td>
	<td class="active">5</td>
	<td class="active">2107</td>
	<td class="active">七一路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road2107</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">6</td>
	<td class="active">6</td>
	<td class="active">2108</td>
	<td class="active">七一路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road2108</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">7</td>
	<td class="active">7</td>
	<td class="active">2109</td>
	<td class="active">七一路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">8</td>
	<td class="active">8</td>
	<td class="active">2113</td>
	<td class="active">七一路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">9</td>
	<td class="active">9</td>
	<td class="active">2114</td>
	<td class="active">工业路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road2114</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
	
</tr>
<tr>
	<td class="active"><a href="">X</a></td>
	<td class="active"><a href="">编辑</a></td>
	<td class="active">10</td>
	<td class="active">10</td>
	<td class="active">2117</td>
	<td class="active">工业路</td>
	<td class="active">七一路工业路口</td>
	<td class="active">192.168.2.11/road2117</td>
	<td class="active">2018-03-13 16:05:15</td>
	<td class="active">2018-03-13 16:05:15</td>
</tr>

</table>
<div class="text-center">
<ul class="pagination">
    <li><a href="#">&laquo;</a></li>
    <li class="active"><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">&raquo;</a></li>
</ul> 
</div>
</form>  
</body>
</html>

<script type="text/javascript">
 
</script>